<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>homepage</title>
	<!-- 引入swiper -->
	<link rel="stylesheet" href="js/swiper-2.7.6/swiper.min.css">
	<!-- 引入字体图标 -->
	<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
	<!-- Bootstrap -->
	<link href="js/bootstrap/bootstrap.min.css" rel="stylesheet">
	<!-- 引入全局配置 -->
	<link rel="stylesheet" type="text/css" href="css/start.css">

	<!--引入公共样式-->
	<!-- <link rel="stylesheet" type="text/css" href="css/common.css" /> -->
	<link rel="stylesheet" type="text/css" href="css/homepage.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
</head>

<body class="homepage">
		<!-- 头部开始 -->
	<div id="header">
		<div class="top">
			<div class="top-left">
				<i class="fa fa-map-marker "></i>
				<a href="javascript:void(0)" class="one">广州</a>
				<a href="javascript:void(0)" class="two">切换城市</a>
			</div>
			<div class="top-right">
				<a class="one">
					<i class="fa fa-user"></i> 朱莉
				</a>
				<a href="javascript:void(0)">退出</a>
				<a href="javascript:void(0)">帮助中心</a>
				<a href="javascript:void(0)">网站导航</a>
				<a href="javascript:void(0)">手机APP</a>
			</div>

		</div>
		<div class="searchBox">
			<div class="search">
				<div class="search-left">
					<h3>互生 <small>商务服务</small></h3>
				</div>
				<div class="search-right">
					<div class="one">
						<input type="text" name="search" id="search" placeholder="输入商家名称、分类或地区" />
						<a onclick="searchBox()">
							<i class="fa fa-search"></i>
						</a>
					</div>

					<div class="two" id="searchkey">
						<script id="hotkey" type="text/html">
							{{each data value}}
							<a href="screen.html?keyWords={{value}}">{{value}}</a>
							{{/each}}
						</script>
					</div>
				</div>

			</div>

		</div>

	</div>
	<!-- 头部结束 -->
	<div >
		<div class="container">
			<div class="navT">
				<div class="navH">
					全部分类
				</div>
				<ul class="navUl">
					<li>营销</li>
					<li>基建</li>
					<li>物流/制作</li>
					<li>财务</li>
					<li>开业</li>
				</ul>
			</div>
			<!--轮播图-->
			<div class="lunbo">
				<div class="swiper-container">
					<div class="swiper-wrapper" id="swiper-wrapper">
						<script id="swiper-wrapper-script" type="text/html">
							{{each data value}}
								<div class="swiper-slide">
									<a href="{{value.clickJumpUrl}}" target="_blank"><img src="{{pirUrl+value.bannerImgUrl}}"alt=""></a>
								</div>
							{{/each}}
						</script>
					</div>
					<div class="pagination"></div>
					<div id="prve" class="opacity">
						<
						</div>
						<div id="next" class="opacity">
							>
						</div>
						<div class="StabTotal">

						<div class="Stab" id="stab-box">
							<script id="stab-script" type="text/html">
								{{each data value index}}
									<div class="{{index==0?'StabTitle active':'StabTitle'}}">
										<div class="top">
											{{value.categoryName}}
										</div>
										<div class="bottom">
											<ul>
												<% for(var i = 0; i < value.first.length; i++){ %>
													<li class="{{i==0?'bottom-indent':''}}">{{value.first[i].categoryName}}</li>
												<% } %>
											</ul>
										</div>
									</div>
								{{/each}}
							</script>
					 	</div>
						<div class="StabC" id="StabC">
							<script id="StabC-script" type="text/html">
								{{each data value index}}
									<div class="StabContent">
										<div class="title">
											{{value.categoryName}}
											<div class="more">
											<a href="#">更多></a>
											</div>
										</div>
										<div class="content">
											<ul>
												<% for(var i = 0; i < value.tsystemCategorys.length; i++){ %>
													<li>{{value.tsystemCategorys[i].categoryName}}</li>
												<% } %>
											</ul>
										</div>
									</div>
								{{/each}}
							</script>
						</div>
				</div>
 </div>
			</div>
			<!--物流/制作-->
      <div class="logistics" id="shop-detail-box">
				<script id="goods-detail-script" type="text/html">
					{{each data value}}
						<div class="logisticsTitle">
							{{value.systemCategory.categoryName}}
							<div class="more">
							<a href="#">	更多></a>
							</div>
						<ul class="tabUl">
							<% for(var i = 0; i < value.systemCategoryList.length; i++){ %>
								<li>{{value.systemCategoryList[i].categoryName}}</li>
							<% } %>
						</ul>

						</div>
						<div class="logisticsC">
							<div class="logisticsContent" style="display:block;">
								<% for(var j = 0; j < value.list.length; j++){ %>
									<a href="fitness.html?shopId={{value.list[j].shopId}}">
										<div class="logisticBox" data-shop-id="{{value.list[j].shopId}}">
											<div class="pic">
												<img src="{{value.list[j].shopLogo}}" alt="">
											</div>
											<div class="title">
												{{value.list[j].shopName}}
												<span style="color:#ddd;">({{value.list[j].entResno}})</span>
											</div>
											<div class="phone">

											</div>
											<div class="star">
												<% for(var l = 0; l < value.list[j].round; l++){ %>
													<i class="fa fa-star"></i>
												<% } %>
												<% for(var k = 0; k < value.list[j].cha; k++){ %>
													<i class="fa fa-star-o"></i>
												<% } %>
												<span style="padding-left: 25px;color:#ddd">人均消费 : ￥{{value.list[j].perCapita}}</span>
												<div class="address">
													{{value.list[j].locationName}}
												</div>
											</div>
											<div class="info">
												<% for(var m = 0; m < value.list[j].serviceNameList.length; m++){ %>
													<span class="label label-info">{{value.list[j].serviceNameList[m]}}</span>
												<% } %>
											</div>
										</div>
									</a>
								<% } %>
							</div>
						</div>
					{{/each}}
				</script>
      </div>
		</div>
	</div>
		<!--**********底部开始**********-->
	<div class="foot" id="foot">
		<p>
			<strong>客服热线： </strong>
			<a href="javascript:void(0)">
				0755-83344111
			</a>
			<span class="foot-adition">2013-2018 </span>
			<span>
					深圳市互生电子商务有限公司
				</span>
			<span>
					粤ICP备案号14100052号
				</span>
		</p>
	</div>
			<!--**********底部结束**********-->
</body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/common/baseUrl.js"></script>
<script src="js/common/jquery-1.12.2.js"></script>

<!-- 引入swiper插件 -->
<script type="text/javascript" src="js/swiper-2.7.6/swiper.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- 让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<script type="text/javascript" src="js/common/respond.min.js"></script>
<script type="text/javascript" src="js/common/html5.min.js"></script>
<script type="text/javascript" src="js/common/common.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
<script src="lib/artTemplate.js"></script>
<script src="js/homepage.js"></script>

</html>
